<template>
    <div>
      <el-col :span="2">
      <div class="box_1 flex-col">
        <div class="box_2 flex-row">
          <span class="text_1"></span>
          <img
            class="thumbnail_1"
            referrerpolicy="no-referrer"
            src="@/assets/images/消息通知@2x.png"
          />
          <span class="text_2">消息通知</span>
        <div class="adminT">
          <img
              class="label_1"
              src="@/assets/images/默认头像@2x.png"
            />
            <el-dropdown>
        <span class="el-dropdown-link text_3">
            张三(一级管理)<i class="el-icon-arrow-down el-icon--right"></i>
        </span>
          <el-dropdown-menu slot="dropdown" >
          <el-dropdown-item @click.native="out">退出</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
           </div>
        </div>
        </div>
      </el-col>
    </div>
</template>

<script>
export default {
  data(){
    return {
      TextTotranslate:''
    }
  },
  created(){
  },
  methods:{
    formSubmit:function(e){
      this.$emit('formSubmit1',this.TextTotranslate)
      e.preventDefault()
    },
    out(){
        localStorage.removeItem('token')
        this.$router.push('/login')
    }
  }
}
</script>

<style lang="less" scoped >
  .el-dropdown-link {
    cursor: pointer;
  }
  .el-icon-arrow-down {
    font-size: 12px;
  }
  .box_2 {
  box-shadow: 0px 2px 4px 0px rgba(220, 224, 231, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 1787px;
  height: 68px;
  margin-left: 132px;
  justify-content: flex-center;
}
.thumbnail_1 {
  width: 20px;
  height: 20px;
  margin: 24px 0 0 1450px;
}
.text_2 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(38, 83, 214, 1);
  font-size: 14px;
//   font-family: SourceHanSansCN-Regular;
//   font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 24px 0 0 8px;
}
.text_1{
  margin-left: 30px;
}


.text_3 {
  width: 94px;
  height: 14px;
  line-height: 14px;
  overflow-wrap: break-word;
  color: rgba(34, 34, 34, 1);
  font-size: 14px;
//   font-family: SourceHanSansCN-Regular;
//   font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 14px;
  
}
.adminT{
  float: right;
  margin-top: 20px;
  margin-right: 30px;
    .label_1 {
  height: 28px;
  margin-right: 8px;
  vertical-align: bottom;
  }
}
</style>